<section class="features-7 py-5 bg-alternate" title="features-7">
  <div class="container">
	<div class="row text-center">
	  <div class="col-12">
		<h2>Our product features</h2>
	  </div>
	</div>
	<div class="row text-center justify-content-center">
	  <div class="col-12 col-md-6 col-lg-3">
		<div>
		  <img alt="map location" loading="lazy" src="img/illustrations.co/109-map-location.svg">
		  <h3>Drag and drop</h3>
		  <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
		
		  <a href="#">Learn More</a>
		</div>
	  </div>

	  <div class="col-12 col-md-6 col-lg-3">
		<div>
		  <img alt="healthy" loading="lazy" src="img/illustrations.co/107-healthy.svg">
		  <h3>Live code editor</h3>
		  <p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
			
		   <a href="#">Learn More</a>
		</div>
	  </div>

	  <div class="col-12 col-md-6 col-lg-3">
		<div>
		  <img alt="dumbbell" loading="lazy" src="img/illustrations.co/104-dumbbell.svg">
		  <h3>Bootstrap 5</h3>
		  <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using Bootstrap 5</p>
		  
		  <a href="#">Learn More</a>
		</div>
	  </div>

	  <div class="col-12 col-md-6 col-lg-3">
		<div>
		  <img alt="namaste" loading="lazy" src="img/illustrations.co/126-namaste-no-hand-shake.svg">
		  <h3>Google fonts</h3>
		  <p class="lead text-muted mt-4">Use any of the hundreds fonts from google fonts for your design</p>
		  
		  <a href="#">Learn More</a>
		</div>
	  </div>
	</div>
  </div>
</section>
